<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./lib/font-awesome-4.7.0 2/css/font-awesome.css">
    <link rel="stylesheet" href="./css/comment.css">
</head>
<body>
        <!-- 头部B -->
        <div class="head">
                <a href="javascript:;" class="logo">
                    <img src="./images/header_logo.png" alt="">
                </a>
                <a href="javascript:;" class="down">
                    <img src="./images/header_app.png" alt="">
                </a>
            </div>
            <!-- 头部E -->
                <!-- 底部B -->
    <div class="footer">
            <div class="ranking">
                <h6>品牌排行</h6>
                <span><i></i></span>
            </div>
            <div class="login">
                <a href="">登录</a>
                <a href="">注册</a>
                <a href="">
                    <p>
                        <span></span>
                        <i></i>
                    </p>
                    返回顶部
                </a>
            </div>
            <div class="app_down">
                <p><a href="javascript:;">手机app下载</a> <span>慢慢买手机正版</span> <span>-- 掌上比价平台</span></p>
                <span>m.manmanbuy.com</span>
            </div>
        </div>
        <!-- 底部E -->
            <!-- 搜索B -->
            <div class="search">
                <div class="search_all">
                    <input type="text" placeholder="请输入你好比价的商品" class="btn_left">
                    <button class="btn_right">搜索</button>
                </div>
            </div>
            <!-- 搜索E -->
            <!-- 面包屑导航B -->
            <div class="nav">
                <a href="index.html">首页</a>
                &gt;
                <a href="brandTitle.html">全部分类</a>
                &gt;
                <a class="btn_q">全部品牌</a>
                &gt;
                <a class="btn_x">销量排行</a>
                &gt;
                <a href="javascript:;" class="btn_R">商品评价</a>
                &gt;
            </div>
            <!-- 面包屑导航E -->
    <div class="comment">
        <h6>平板电视最新评论</h6>
        <div class="comment_title">
            <a href="" class="comment_data">
            <!-- comment_title    占坑专用 -->
            </a>
        </div>
        <div class="comment_datail">
        <!-- comment_datail  占坑专用 -->
        </div>
    </div>
</body>
</html>
<script src="./lib/js/zepto.min.js"></script>
<script src="./lib/arttemplate/template-web.js"></script>
<script src="./js/comment.js"></script>
<script type="template" id="comment_datail">
    {{each data value index}}
            
            <div class="comment_main">
                <div class="content_title">
                    <span>{{value.comName}}<i >★★★★★</i></span>
                    <span>{{value.comTime}}</span>
                </div>
                <p>{{value.comContent}}</p>
            </div>
    {{/each}}
</script>
<script type="template" id="comment_data">
          
    {{@ data.productImg}}
    <span>{{data.productName}}</span>

</script>